<div class="child-box">
    <div class="layui-card layadmin-header">
        <div class="layui-breadcrumb" lay-filter="breadcrumb">
          <i class="iconfont iconshuxian left-line"></i>
          <a href="javascript:" lay-href="">首页</a>
          <a><cite>我的财务</cite></a>
          <a><cite>发票明细</cite></a>

          <div class="layui-card-header-left" title="刷新" zmark-event="layui.manage.render">
            <i class="layui-icon layui-icon-refresh layui-anim" zmark-anim="layui-anim-rotate"></i>
        </div>

        </div>
    </div>
    <div class="layui-card mt20">
        <div class="layui-card-header">
            <span class="def-fc">
                <a href="javascript:" title="返回" class="head-go-back" onclick="history.back()"><i class="iconfont iconfanhui"></i></a>
                <span class="def-fc"><i class="fa fa-address-card-o"></i>主单信息</span>
            </span>
        </div>
        <div class="layui-card-body">
            <div class="layui-row" id="invoiceInfo">

            </div>
        </div>
    </div>

    <div class="layui-card mt20">
        <div class="layui-card-header">
            <span class="def-fc left-split">发票明细</span>
        </div>
        <div class="layui-card-body tab-sm">
            <table class="layui-hide" id="member-list" lay-filter="member-list"></table>
            <div class="layui-row mt10 zm-hide" id="option-box">
                <div class="layui-row color-red">
                    请仔细核对您的开票税收分类编码和开票名称
                </div>
                <button type="button" class="layui-btn sub-order-btn" onclick="layui.invoiceInfo.confrimInvoice(false)"><i class="iconfont iconjinyong"></i>不同意此开票</button>
                <button type="button" class="layui-btn layui-btn-normal sub-order-btn" onclick="layui.invoiceInfo.confrimInvoice(true)"><i class="iconfont iconqiyong2"></i>同意此开票</button>
            </div>
        </div>
    </div>

    <div class="layui-card mt20">
        <div class="layui-card-header">
            <span class="def-fc left-split">费用明细</span>
        </div>
        <div class="layui-card-body tab-sm">
            <table class="layui-hide" id="cost-list" lay-filter="cost-list"></table>
        </div>
    </div>
    <div class="layui-row mt60"></div>
 </div>

<script type="text/html" id="invoiceInfoTemp">
    <div id="invoiceView" class="form-disabled">
        {{# if(d.clientStatusId == 'waitConfirm'){ }}
        <div class="show-tooltip">
            <div class="a-tooltip red" style="left: 101px;top: -56px;width: 256px;display: block;">
                <div class="tooltip-content arrow-bottom-left">
                    <a href="javascript:;" class="close-tooltip" style="top: 7px;right: 5px" close-tooltip>×</a>
                    <p>
                        您的产品中存在第一次开票信息，请在发票明细中核对您的税收分类编码
                    </p>
                </div>
            </div>
        </div>
        {{# } }}
        <div class="layui-row">
            <div class="layui-col-md3 pr10">
                <label class="layui-form-label">状态</label>
                <div class="layui-input-block">
                    <input class="layui-input {{d.clientStatusId}}" value="{{d.clientStatusDesc}}" disabled/>
                </div>
            </div>
            <div class="layui-col-md3 pr10">
                <label class="layui-form-label">系统单号</label>
                <div class="layui-input-block">
                    <input class="layui-input" value="{{d.docNo}}" disabled/>
                </div>
            </div>
            <div class="layui-col-md3 pr10">
                <label class="layui-form-label">订单编号</label>
                <div class="layui-input-block">
                    <input class="layui-input" value="{{d.orderNo}}" disabled/>
                </div>
            </div>
            <div class="layui-col-md3 pr10">
                <label class="layui-form-label">发票号码</label>
                <div class="layui-input-block">
                    <input class="layui-input" value="{{layui.com.removeNull(d.invoiceNo)}}" disabled/>
                </div>
            </div>
        </div>

        <div class="layui-row">
            <div class="layui-col-md3 pr10">
                <label class="layui-form-label">申请日期</label>
                <div class="layui-input-block">
                    <input class="layui-input" value="{{d.applyDate}}" disabled/>
                </div>
            </div>
            <div class="layui-col-md3 pr10">
                <label class="layui-form-label">确认日期</label>
                <div class="layui-input-block">
                    <input class="layui-input" value="{{layui.com.removeNull(d.confirmDate)}}" disabled/>
                </div>
            </div>
            <div class="layui-col-md3 pr10">
                <label class="layui-form-label">开票日期</label>
                <div class="layui-input-block">
                    <input class="layui-input" value="{{layui.com.removeNull(d.invoiceDate)}}" disabled/>
                </div>
            </div>
            <div class="layui-col-md3 pr10">
                <label class="layui-form-label">快递单号</label>
                <div class="layui-input-block">
                    <input class="layui-input" value="{{layui.com.removeNull(d.expressNo)}}" disabled/>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-col-md6 pr10">
                <label class="layui-form-label">购方名称</label>
                <div class="layui-input-block">
                    <input class="layui-input" value="{{layui.com.removeNull(d.buyerName)}}" disabled/>
                </div>
            </div>
            <div class="layui-col-md6 pr10">
                <label class="layui-form-label">纳税识别号</label>
                <div class="layui-input-block">
                    <input class="layui-input" value="{{layui.com.removeNull(d.buyerTaxpayerNo)}}" disabled/>
                </div>
            </div>
        </div>
        <div>
            <div class="layui-col-md6 pr10">
                <label class="layui-form-label">购方银行</label>
                <div class="layui-input-block">
                    <input class="layui-input" value="{{layui.com.removeNull(d.buyerBankName)}}" disabled/>
                </div>
            </div>
            <div class="layui-col-md6 pr10">
                <label class="layui-form-label">银行账号</label>
                <div class="layui-input-block">
                    <input class="layui-input" value="{{layui.com.removeNull(d.buyerBankAccount)}}" disabled/>
                </div>
            </div>
        </div>
        <div>
            <div class="layui-col-md3 pr10">
                <label class="layui-form-label">开票电话</label>
                <div class="layui-input-block">
                    <input class="layui-input" value="{{layui.com.removeNull(d.buyerBankTel)}}" disabled/>
                </div>
            </div>
            <div class="layui-col-md9 pr10">
                <label class="layui-form-label">银行地址</label>
                <div class="layui-input-block">
                    <input class="layui-input" value="{{layui.com.removeNull(d.buyerBankAddress)}}" disabled/>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-col-md6 pr10">
                <label class="layui-form-label">开票类型</label>
                <div class="layui-input-block">
                    <input class="layui-input" value="{{layui.com.removeNull(d.taxTypeDesc)}}" disabled/>
                </div>
            </div>
            <div class="layui-col-md6 pr10">
                <label class="layui-form-label">开票金额</label>
                <div class="layui-input-block">
                    <input class="layui-input" value="{{layui.com.removeNull(d.invoiceVal)}}" disabled/>
                </div>
            </div>
        </div>
    </div>
</script>

<script type="text/html" id="isFirstTemp">
    {{# if(d.isFirst){}}<i class="iconfont iconchenggong color-green"></i> {{#}}}
</script>

 <script>
    layui.use('invoiceInfo', layui.factory('invoiceInfo'));
</script>